<html>
    <head>
        <title>
            uni.previewImage(OBJECT)
        </title>
    </head>
    <body>
        <script>
             /*
                        二、uni.previewImage(OBJECT)

                                  1、概述

                                            预览图片

                                  2、previewImage 兼容性
                                              HarmonyOS
                                              HBuilderX 4.23

                                  3、OBJECT 参数说明

                                                  参数名	              类型	          必填	          说明	                                                      平台差异说明

                                              ①、current	        String/Number	    详见下方说明	  详见下方说明	

                                              ②、showmenu	        Boolean	              否	        是否显示长按菜单，默认值为 true	                          微信小程序2.13.0、小红书小程序

                                              ③、urls	            Array<String>	        是	        需要预览的图片链接列表	

                                              ④、indicator	      String	              否	        图片指示器样式，可取值："default" - 底部圆点指示器；

                                                                                                   "number" - 顶部数字指示器； "none" - 不显示指示器。	                App

                                              ⑤、loop	            Boolean	              否	        是否可循环预览，默认值为 false	                                    App 1.9.5+    
                                              
                                              ⑥、longPressActions	Object	              否	        长按图片显示操作菜单，如不填默认为保存相册	                          App 1.9.5+

                                              ⑦、success	        Function	            否	        接口调用成功的回调函数	

                                              ⑧、fail	            Function	            否	        接口调用失败的回调函数	

                                              ⑨、complete	        Function	            否	        接口调用结束的回调函数（调用成功、失败都会执行）


                                          <1>、current 参数说明

                                                      1.9.5+ 支持传图片在 urls 中的索引值

                                                      current 为当前显示图片的链接/索引值，不填或填写的值无效则为 urls 的第一张。A
                                                      
                                                      pp平台在 1.9.5至1.9.8之间，current为必填。不填会报错


                                                  ★、注意，当 urls 中有重复的图片链接时：

                                                        ①、传链接，预览结果始终显示该链接在 urls 中第一次出现的位置。

                                                        ②、传索引值，在微信/百度/抖音小程序平台，会过滤掉传入的 urls 中该索引值之前与其对应图片链接重复的值。
                                                        
                                                              其它平台会保留原始的 urls 不会做去重处理。


                                                          举例说明：

                                                              一组图片 [A, B1, C, B2, D]，其中 B1 与 B2 的图片链接是一样的。

                                                                        传 B2 的链接，预览的结果是 B1，前一张是 A，下一张是 C。
                                                                        传 B2 的索引值 3，预览的结果是 B2，前一张是 C，下一张是 D。
                                                                        
                                                                        此时在微信/百度/抖音小程序平台，最终传入的 urls 是 [A, C, B2, D]，过滤掉了与 B2 重复的 B1。


                                          <2>、longPressActions 参数说明

                                                              参数	    类型	      必填	    说明

                                                        ①、itemList	  Array<String>	是	  按钮的文字数组

                                                        ②、itemColor	String	      否	  按钮的文字颜色，字符串格式，默认为"#000000"

                                                        ③、success	  Function	    否	  接口调用成功的回调函数，详见返回参数说明

                                                        ④、fail	      Function	    否	  接口调用失败的回调函数

                                                        ⑤、complete	  Function	    否	  接口调用结束的回调函数（调用成功、失败都会执行）

                                                    ★、success 返回参数说明

                                                                  参数	    类型	      说明

                                                              ①、index	   Number	    用户长按图片的索引值

                                                              ②、tapIndex	 Number	    用户点击按钮列表的索引值

                            4、示例

                                                // 从相册选择6张图
                                                  uni.chooseImage({
                                                          count: 6,
                                                          sizeType: ['original', 'compressed'],
                                                          sourceType: ['album'],
                                                          success: function(res) {
                                                            // 预览图片
                                                            uni.previewImage({
                                                              urls: res.tempFilePaths,
                                                              longPressActions: {
                                                                itemList: ['发送给朋友', '保存图片', '收藏'],
                                                                success: function(data) {
                                                                  console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
                                                                },
                                                                fail: function(err) {
                                                                  console.log(err.errMsg);
                                                                }
                                                              }
                                                            });
                                                          }
                                                    });

                            5、注意点

                                      ①、、在非H5端，previewImage是原生实现的，界面自定义灵活度较低。

                                      ②、插件市场有前端实现的previewImage，性能低于原生实现，但界面可随意定义；
                                      
                                            插件市场也有适于App端的previewImage原生插件，提供了更多功能
                */
        </script>
    </body>
</html>